<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .one{
            color: #abb2b2;
        }
        .two{
            color: #f44336;
        }
        #b{
            color: blue;
        }

    </style>
</head>
<body>
<!-- <div id="app">-->
         <!--title表示一个自定义的属性名-->
<!--   <div v-bind:title="msg">DOM元素属性绑定</div>-->
<!--   <div :title="msg">DOM元素属性绑定</div>-->
<!-- </div>-->
<!--<script src="./vue.global.js"></script>-->
<!--<script>-->
<!--  Vue.createApp({-->
<!--      data(){-->
<!--          return{-->
<!--              msg:'Hello World'-->
<!--          }-->
<!--      }-->
<!--  }).mount("#app")-->
<!--</script>-->
            <!--绑定样式-->
<!--<div id="app">-->
<!--    <div class="className" v-bind:id="a"  >DOM元素的样式绑定</div>-->
<!--</div>-->
<!--<script src="./vue.global.js"></script>-->
<!--<script>-->
<!--    const vue=Vue.createApp({-->
<!--        data(){-->
<!--            return{-->
<!--               a:'b'-->
<!--            }-->
<!--        }-->
<!--    }).mount('#app')-->
</script>
</body>
</html>